$(function () {
    // 点击切换
    // 点击去注册页面
    $('#reg_link').click(function () {
        $('.reg-box').show().siblings().hide();
    })
    // 点击去登录页面
    $('#link_login').click(function () {
        $('.reg-box').hide().siblings().show();
    })

    // 自定义校验区
    layui.form.verify({
        pwd: [/^\S{6,12}$/, '密码不能有空格,并且是6到12位'],

        // 校验两次密码是否一致的规则
        repwd: function (value) {
            var pwds = $('.reg-box [name=password').val()
            if (pwds !== value) {
                return '密码不一致'
            }
        }
    })


    // var { layer } = layui;//解构赋值 和(var layer = layui.layer) 一样
    var layer = layui.layer
    // 注册的功能 给注册表单监听一个提交事件,阻止默认提交行为,用ajax来实现提交
    $('#reg_form').on('submit', function (e) {//第一种方法
        e.preventDefault();

        var usernames = $('#reg_form [name="username"]').val()//用户名
        var passwords = $('#reg_form [name="password"]').val()//密码
        console.log(usernames, passwords)
        $.post('/api/reguser', { username: usernames, password: passwords }, function (res) {
            if (res.status != 0) { return layer.msg('注册失败') }
            layer.msg('注册成功 !请登录')
            // 注册成功后模拟人自动点击去登录事件
            $("#link_login").click();
        })
    })
    //     $('#reg_form').on('submit', function (e) {//第二种方法
    //         //1. 阻止默认行为
    //         e.preventDefault();
    //         //2. 发起ajax的post请求
    //         $.post('http://ajax.frontend.itheima.net/api/reguser', { username: $('#reg_form [name=username]').val(), password: $('#reg_form [name=password]').val() }, function (res) {
    //             if (res.status != 0) {
    //                 return layer.msg('注册失败')
    //             }
    //             layer.msg('注册成功 !请登录')
    //             $("#reg_link").click();
    //         })
    //     })



    // 登录功能
    $('#login_form').on('submit', function (e) {
        e.preventDefault();
        $.ajax({
            type: 'post',
            url: '/api/login',
            data: $('#login_form').serialize(),
            success: function (res) {
                console.log(res)
                if (res.status != 0) return layer.msg(res.message)

                //如果我们登录的时候用户名密码都写对的情况下
                // 就会返回一个数据 我们把数据存储到一个变量token    我们需要把token存储在本地存储中
                // 下次访问的token的时候就把token给他就好
                localStorage.setItem('token', res.token)
                // 跳转到后台首页
                location.href = '/index.html'
            }
        })
    })
})